<template>
    <div>
      <el-form :inline="true" :model="searchForm"   size="mini">
        <div class="search-common">
          <el-row :gutter="10">
            <el-col :sm="10" :xs="24" >
              <el-form-item>
                <el-input placeholder="请输入内容" v-model="searchForm.usersTypeCount" class="input-with-select">
                  <el-select v-model="searchForm.usersType" style="width: 120px;" slot="prepend" placeholder="请选择">
                    <el-option label="用户手机" value="0"></el-option>
                    <el-option label="用户ID" value="1"></el-option>
                    <el-option label="用户昵称" value="2"></el-option>
                    <el-option label="课程ID" value="3"></el-option>
                  </el-select>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :sm="14" :xs="24">
              <el-form-item label="订单时间" >
                <el-date-picker
                  v-model="searchForm.orderTime"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="10">
            <el-col :sm="24" :lg="6" :xs="24" >
              <el-form-item>
                <el-button type="primary">查询</el-button>
                <el-button type="info">重置</el-button>
              </el-form-item>
            </el-col>
          </el-row>
        </div>
      </el-form>
    </div>
</template>

<script>
    export default {
        data() {
            return {
              searchForm:{
                orderChannel:'',
                refundableState:'',
                source:'',
                beginMoney:'',
                endMoney:'',
                usersTypeCount:'',
                usersType:'0',
                orderTime:''
              },
            };
        },
        mounted() {

        },
        methods: {}
    };
</script>
<style scoped></style>
